<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/goods.css" />
		<script src="jquery-3.5.1/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/goods.js"></script>
	</head>
	<body>
		<div class="body-div">
			<div class="div1">
				<div class="div2">
					<div class="div3">
						<div class="div3-phone">
							<li class="phone-li"></li>
							<a href="#" class="ul1-a phone-a">手机版</a>
						</div>
						<p class="ul1-p">丨</p>
						<a href="#" class="ul1-a">Q币充值</a>
					</div>
					<ul class="ul1">
						<li>您还未登录，请<a href="login.html">登录</a></li>
						<p class="ul1-p">丨</p>
						<li class="ul1-a"><a href="">我的订单</a></li>
						<p class="ul1-p">丨</p>
						<li class="ul1-a"><a href="#">个人中心</a></li>
						<p class="ul1-p">丨</p>
						<li class="ul1-a"><a href="#">帮助中心</a></li>
						<p class="ul1-p">丨</p>
						<li class="ul1-a"><a href="#">游戏导航</a></li>
					</ul>
				</div>
			</div>
			<div class="div4">
				<div class="div5">
					<div class="div6"></div>
					<div class="div7">
						<input type="text" id="" value="" placeholder="输入道具进行搜索" />
						<a></a>
					</div>
					<div class="div8"></div>
				</div>
			</div>
			<div class="div9">
				<div class="div10">
					<a class="div10-a1" href="index.html">
						首页
					</a>
					<a class="div10-a2" href="#">
						商品列表
					</a>
					<a class="div10-a2" href="#">
						活动专区
					</a>
					<a class="div10-a2" href="#">
						限时折扣
					</a>
					<a class="div10-a2" href="#">
						聚豆乐园
					</a>
					<a class="div10-a2" href="#">
						周边商城
					</a>
					<a class="div10-a2" href="#">
						个人中心
					</a>
					</ul>
					<div class="div11">
						<a href="#">

							购物车(
							<span>0</span>
							)
						</a>
					</div>
				</div>
			</div>
			<div class="div12">
				<a href="#" class="div12-a1">全部分类</a>
				<a href="#" class="div12-a2">英雄</a>
				<a href="#" class="div12-a2">表情</a>
				<a href="#" class="div12-a2">海克斯及其他</a>
				<a href="#" class="div12-a2">云顶之弈</a>
				<a href="#" class="div12-a2">皮肤</a>
				<a href="#" class="div12-a2">道具</a>
				<a href="#" class="div12-a2">守卫眼皮肤</a>
				<a href="#" class="div12-a2">道具包</a>
			</div>
			<div class="div13">
				<div class="div14">
					<div class="div16">
						<b>看了该商品的用户还看了</b>
					</div>
					<div class="div17">
						<div></div>
					</div>
					<div class="div18">
						<img src="img/pkg-24366.jpg">
						<p class="big-p">
							<a class="big-p1" href=""><b>能灵特工 娑娜 幻...</b></a><br>
							<span>Q币价:131.50Q币</span><br>
							<a class="big-p2" href="">微信价:<b>￥127.55</b></a>
						</p>
					</div>
					<div class="div18">
						<img src="img/1_127.jpg">
						<p class="big-p">
							<a class="big-p1" href=""><b>能灵特工 娑娜 幻...</b></a><br>
							<span>Q币价:131.50Q币</span><br>
							<a class="big-p2" href="">微信价:<b>￥127.55</b></a>
						</p>
					</div>
					<div class="div18">
						<img src="img/2-81022-.jpg">
						<p class="big-p">
							<a class="big-p1" href=""><b>能灵特工 娑娜 幻...</b></a><br>
							<span>Q币价:131.50Q币</span><br>
							<a class="big-p2" href="">微信价:<b>￥127.55</b></a>
						</p>
					</div>
					<div class="div18">
						<img src="img/2-98022-undefined.jpg">
						<p class="big-p">
							<a class="big-p1" href=""><b>能灵特工 娑娜 幻...</b></a><br>
							<span>Q币价:131.50Q币</span><br>
							<a class="big-p2" href="">微信价:<b>￥127.55</b></a>
						</p>
					</div>
				</div>
				<div class="div15">
					<div id="div19">
						
						<div id="mask">
							
						</div>
					</div>
					<div id="big">
						
					</div>
					<div class="div20">
						<p class="p5"><b>玉剑传说</b></p>
						<div class="div21">
							<p class="p6">Q币价:&nbsp;&nbsp;<span>79</span>Q币</p>
							<p class="p7">微信价:&nbsp;&nbsp;<span><b>￥76.63</b></span></p>
							<p>期限： 永久</p>
						</div>
						<a href="goodCar.html"><input class="add-but" type="button" id="" value="加入购物车" /></a>
					</div>
				</div>
			</div>



			<div class="div51">

			</div>
			<div class="div-52">
				<div class="div-53">
					<div class="div-54">
						<ul>
							<li><span>我是新手</span></li>
							<li><a href="">什么是道具城</a></li>
							<li><a href="">如何购买</a></li>
							<li><a href="">如何赠送</a></li>
							<li><a href="">如何获取聚豆</a></li>
						</ul>
					</div>
					<div class="div-54">
						<ul>
							<li><span>个人中心</span></li>
							<li><a href="">发货时间</a></li>
							<li><a href="">如何领取</a></li>
							<li><a href="">补发规则</a></li>
							<li><a href="">Vip价定义</a></li>
							<li><a href="">道具状态定义</a></li>
						</ul>
					</div>
					<div class="div-54">
						<ul>
							<li><span>支付方式</span></li>
							<li><a href="">支付方式</a></li>
							<li><a href="">购物点支付</a></li>
							<li><a href="">如何充值</a></li>
						</ul>
					</div>
					<div class="div-54">
						<ul>
							<li><span>腾讯在线服务</span></li>
							<li><a href="">腾讯官方在线客服</a></li>
							<img class="img-gf" src="img/business.png">
						</ul>
					</div>
					<div class="div-55">
						<dl>
							<dt><img src="img/zsdjc.png"></dt>
							<dd>掌上道聚城</dd>
						</dl>
						<dl>
							<dt><img src="img/wechatdjc.png"></dt>
							<dd>道聚城公众号</dd>
						</dl>
					</div>


				</div>
				<div class="div-66">
					<a href="">腾讯互动娱乐</a>丨
					<a href="">服务条款</a>丨
					<a href="">腾讯游戏隐私保护指引</a>丨
					<a href="">腾讯游戏儿童隐私保护指引</a>丨
					<a href="">广告服务</a>丨
					<a href="">腾讯游戏招聘</a>丨
					<a href="">腾讯游戏客服</a>丨
					<a href="">游戏地图</a>丨
					<a href="">成长守护平台</a>丨
					<a href="">商务合作</a>丨
					<a href="">网站导航</a><br>
					COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.<br />
					<a href="">腾讯公司 版权所有</a><br>
				</div>

			</div>
		</div>
	</body>
</html>
<script>
	let small = document.getElementById("div19")
	let smsk = document.getElementById("mask");
	let big = document.getElementById("big")
	
	let a = new Mask(small, smsk, big);
	a.onmouseover();
	a.onmouseout();
	a.onmousemove();
</script>
